<!DOCTYPE html>
<html>
    <head>

        <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
        <title>Dance Match</title>
        <link rel="stylesheet" href="stylesheets/reset.css" type="text/css" media="screen" charset="utf-8" />
        <link rel="stylesheet" href="stylesheets/screen.css" type="text/css" media="screen" charset="utf-8" />

    </head>
    <body>
        <section id="container">
            <header>
                <h1><a href="index.html">DANCE MATCH</a></h1>
            </header>
                <nav>
                    <ul>
                        <li><a href="index.html">Start</a></li>
                        <li><a href="solo.html" class="selected">Registration Form</a></li>
                        <li><a href="preferences.html">Preference Rankings</a></li>
                    </ul>
                </nav>
            <section id="content">
                <article>
                    <h2>Registering for Competitive Dance!</h2>
                    <p>After submitting details about yourself, you'll recieve an email letting you know when to fill out the preference ranking form.</p>
                    <form>
                    <fieldset><legend>Details</legend>
                        <div class="item"><span>Full name:</span> <input type="text" name="studentName"/></div>
                        <div class="item"><span>Carleton username:</span> <input type="text" name="carletonUsername"/></div>
                        <div class="item"><span>Appying to be a:</span> 
                        <select name="positionType">
                            <option value="follow">Follow</option>
                            <option value="lead">Lead</option>
                        </select></div>
                        <div class="item"><span>Height (inches):</span> <input type="text" name="studentName"/></div>
                    </fieldset>
                    </form>



                </section>
            </article>
        </section>
    </body>
</html>
